﻿<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title></title>

<!--图标库 可无视-->
<link rel='stylesheet' href='../static/css/font-awesome.min.css'>

<!--核心样式-->
<link rel="stylesheet" href="../static/css/style.css">
<style>
  #btn{
    cursor: default;
    background: #fc5531;
    border-radius: 20px 20px;
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    outline: none;
    text-align: center;
  }
  #login{
    width: 410px;
    height: 520px;
    text-align: center;
    margin:auto;
  }
  .i1{
    width: 70%;
    height: 40px;
    background: #f5f6f7;
    border-radius: 4px 4px;
    padding: 0 16px;
    margin-top: 20px;
  }
</style>
</head>
<body>

<div class="container" style="text-align: center">
  <div class="card" id="login">
    <h1 class="title">用户登录</h1>
    <form id="loginForm" method="post">
      <div class="input-container">
        <input class="i1" id="userName" type="text" name="userName" required="required"  placeholder="请输入用户名"/>
        <input class="i1" id="password" type="password" name="passwd" required="required" placeholder="请输入密码"/>
      </div>
      <div class="button-container">
        <button type="button" id="btn" ><span>登录</span></button>
      </div>
      <div><p style="color: red;text-align: center" id="err_msg"></p></div>
    </form>
  </div>
<!--  <div class="card alt">-->
<!--    <div class="toggle"></div>-->
<!--    <h1 class="title">会员注册-->
<!--      <div class="close"></div>-->
<!--    </h1>-->
<!--    <form>-->
<!--      <div class="input-container">-->
<!--        <input  name="userName" required="required" />-->
<!--        <label >用户名</label>-->
<!--        <div class="bar"></div>-->
<!--      </div>-->
<!--      <div class="input-container">-->
<!--        <input  name="passwd" required="required" />-->
<!--        <label>密码</label>-->
<!--        <div class="bar"></div>-->
<!--      </div>-->
<!--      <div class="input-container">-->
<!--        <input  name="passwd" required="required" />-->
<!--        <label>确认密码</label>-->
<!--        <div class="bar"></div>-->
<!--      </div>-->
<!--      <div class="button-container">-->
<!--        <button><span>提交注册</span></button>-->
<!--      </div>-->
<!--    </form>-->
<!--  </div>-->
</div>

<script src='/js/jquery.min.js'></script>
<script src="/js/script.js"></script>
<div style="text-align:center;">
</div>
</body>
</html>

